﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>小米商城</title>
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<link rel="stylesheet" href="../lib/swiper/css/swiper.css">
	<style>
		.swiper-container {
		    width: 562px;
		    height: 562px;
		}
		.swiper-slide>img{
			width: 560px !important;
			height: 560px !important;
		}
	</style>
</head>

<body>
	<!-- start header -->
	<div id="header"></div>
	<!--end header -->

	<!-- start banner_x -->
	<div class="banner_x center">
		<a href="../pages/index.html" target="_blank">
			<div class="logo fl"></div>
		</a>
		<a href="">
			<div class="ad_top fl"></div>
		</a>
		<div class="nav fl">
			<ul>
				<li><a href="../pages/goodsList.html?type=1">小米手机</a></li>
				<li><a href="../pages/goodsList.html?type=2">Redmi 红米</a></li>
				<li><a href="#">电视</a></li>
				<li><a href="#">笔记本</a></li>
				<li><a href="#">家电</a></li>
				<li><a href="#">路由器</a></li>
				<li><a href="#">智能硬件</a></li>
				<li><a href="#">服务</a></li>
				<li><a href="#">社区</a></li>
			</ul>
		</div>
		<div class="search fr">
			<form action="" method="post">
				<div class="text fl">
					<input type="text" class="shuru" placeholder="小米6&nbsp;小米MIX现货">
				</div>
				<div class="submit fl">
					<input type="submit" class="sousuo" value="搜索" />
				</div>
				<div class="clear"></div>
			</form>
			<div class="clear"></div>
		</div>
	</div>
	<!-- end banner_x -->

	<!-- xiangqing -->
	<form>

		<div class="xiangqing">
			<div class="neirong w">
				<div class="xiaomi6 fl" id="goodstitle"></div>
				<nav class="fr">
					<li><a href="">概述</a></li>
					<li>|</li>
					<li><a href="">变焦双摄</a></li>
					<li>|</li>
					<li><a href="">设计</a></li>
					<li>|</li>
					<li><a href="">参数</a></li>
					<li>|</li>
					<li><a href="">F码通道</a></li>
					<li>|</li>
					<li><a href="">用户评价</a></li>
					<div class="clear"></div>
				</nav>
				<div class="clear"></div>
			</div>
		</div>

		<div class="jieshao mt20 w">
			<div class="left fl">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img id="img1"></div>
						<div class="swiper-slide"><img id="img2"></div>
						<div class="swiper-slide"><img id="img3"></div>
						<div class="swiper-slide"><img id="img4"></div>
					</div>
					<!-- 如果需要分页器 -->
					<div class="swiper-pagination"></div>

					<!-- 如果需要导航按钮 -->
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>

				</div>
			</div>
			<div class="right fr">
				<div class="h3 ml20 mt20" id="goodsName"></div>
				<div class="jianjie mr40 ml20 mt10" id="goodsContent"></div>
				<div class="jiage ml20 mt10" id="goodsPrice"></div>
				<div class="ft20 ml20 mt20">选择版本</div>
				<div class="xzbb ml20 mt10" id="goodsEdition">

					<div class="clear"></div>
				</div>
				<div class="ft20 ml20 mt20" style="margin-top:80px;">选择颜色</div>
				<div class="xzbb ml20 mt10" id="goodsColor">
					<div class="clear"></div>
				</div>
				<div class="xqxq mt20 ml20" style="margin-top:80px;">
					<div class="top1 mt20">
						<div class="left1 fl" id="singleContent"></div>
						<div class="right1 fr" id="singleprice"></div>
						<div class="clear"></div>
					</div>
					<div class="bot mt20 ft20 ftbc" id="total"></div>
				</div>
				<div class="xiadan ml20 mt20">
					<input class="jrgwc" type="button" name="jrgwc" value="立即选购" />
					<input class="jrgwc" type="button" name="jrgwc" value="加入购物车" id="addToCar" />
				</div>
			</div>
			<div class="clear"></div>
		</div>

	</form>
	<!-- footer -->
	<div id="footer" style="position: absolute;bottom: 0px; width: 100%;"></div>
	<script src="../lib/jquery.js"></script>
	<script src="../lib/jquery.cookie.js"></script>
	<script src="../js/headers.js"></script>
	<script src="../lib/swiper/js/swiper.js"></script>
	<script src="../lib/template-web.js"></script>

	<script src="../js/detailInfo.js"></script>

</body>

</html>